<template>
  <component :is="comp.tabs" :push="val" />
</template>

<script>
import { cfg } from "@/cfg/cfg.js";
export default defineComponent({
  setup() {
    const comp = {
      tabs: defineAsyncComponent(() => import(`@/comp/nav_tabs.vue`)),
      theme: defineAsyncComponent(() => import(`./theme/theme.vue`)),
      update: defineAsyncComponent(() => import(`./theme/upd.vue`)),
    };

    let val = {
      tab: [
        {
          comp: comp.update,
          title: `更新日志`,
          ck: `update`,
        },
        {
          comp: comp.theme,
          title: `主题设置`,
          ck: `theme`,
        },
      ],
    };

    return {
      comp,
      val,
    };
  },
});
</script>
